<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>确认订单</title>
    <link rel="stylesheet" type="text/css" href="<?php echo __ROOT__?>/resource/home/css/order.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo __ROOT__?>/resource/home/css/common.css" />
    <link rel="stylesheet" href="<?php echo __ROOT__?>/resource/home/org/Font-Awesome-3.2.1/css/font-awesome.min.css">
    <script src="<?php echo __ROOT__?>/resource/home/js/jquery.min.js"></script>
    <script src="<?php echo __ROOT__?>/resource/home/js/mall.js"></script>
    <script src='<?php echo __ROOT__?>/resource/home/js/order.js'></script>
<!--    <link rel="stylesheet" type="text/css" href="../swiper/swiper-3.3.1.min.css"/>-->
<!--    <script src="../swiper/swiper-3.3.1.min.js"></script>-->
</head>
<body>
<header>
    <div class="top">
        <div class="head">
            <div class="top-left">
                <a href="">魅族官网</a>
                <a href="">魅族商城</a>
                <a href="">Flyme</a>
                <a href="">专卖店</a>
                <a href="">服务</a>
                <a href="">社区</a>
            </div>
            <div class="top-right">
                <ul class="top-info">
                    <li>
                        <a href="">我的收藏

                            <div class="top-new">
                                new
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">我的订单</a>
                    </li>
                    <li>
                        <a href="">登录</a>
                    </li>
                    <li>
                        <a href="">注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <nav>
        <div class="nav-mid">
            <div class="logo">
                <a href="">
                    <img src="<?php echo __ROOT__?>/resource/images/order/logo-header.png" alt="">
                </a>
            </div>
            <div class="head-nav">
                <ul>
                    <li><a class="top-item" href="">PRO手机</a></li>
                    <li><a class="top-item" href="">魅蓝手机</a></li>
                    <li><a class="top-item" href="">MX手机</a></li>
                    <li><a class="top-item" href="">精选配件</a></li>
                    <li><a class="top-item" href="">智能硬件</a></li>
                </ul>
                <div class="top-hide">
                    <div class="container">
                        <ul class="menu-list">
                            <li class="">
                                <a href="">
                                    <div class="figure">
                                        <img src="<?php echo __ROOT__?>/resource/images/order/1.png" alt="">
                                    </div>
                                    <div class="pro-name">魅族PRO6</div>
                                    <div class="price">￥2499</div>
                                </a>
                            </li>
                        </ul>
                        <ul class="menu-list">
                            <li class="">
                                <a href="">
                                    <div class="figure">
                                        <img src="<?php echo __ROOT__?>/resource/images/order/1.png" alt="">
                                    </div>
                                    <div class="pro-name">魅族PRO6</div>
                                    <div class="price">￥2488</div>
                                </a>
                            </li>
                        </ul>
                        <ul class="menu-list">
                            <li class="">
                                <a href="">
                                    <div class="figure">
                                        <img src="<?php echo __ROOT__?>/resource/images/order/1.png" alt="">
                                    </div>
                                    <p class="pro-name">魅族PRO645</p>
                                    <div class="price">￥2477</div>
                                </a>
                            </li>
                        </ul>
                        <ul class="menu-list">
                            <li class="">
                                <a href="">
                                    <div class="figure">
                                        <img src="<?php echo __ROOT__?>/resource/images/order/1.png" alt="">
                                    </div>
                                    <div class="pro-name">魅族PRO6</div>
                                    <div class="price">￥2466</div>
                                </a>
                            </li>
                        </ul>
                        <ul class="menu-list">
                            <li class="">
                                <a href="">
                                    <div class="figure">
                                        <img src="<?php echo __ROOT__?>/resource/images/order/1.png" alt="">
                                    </div>
                                    <div class="pro-name">魅族PRO6</div>
                                    <div class="price">￥2455</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>
<section>
    <div class="mzcontainer order-header">
        <div class="order-title">确认订单</div>
        <ul class="order-bread">
            <li class="order-bread-module active">购物车&nbsp;></li>
            <li class="order-bread-module active">在线订单&nbsp;></li>
            <li class="order-bread-module">在线支付&nbsp;></li>
            <li class="order-bread-module">完成</li>
        </ul>
    </div>
    <div class="mzcontainer order-address">
        <div class="order-address-title">
            收货人信息
        </div>
        <ul class="order-address-list">
            <li class="order-address-checkbox">
                <div class="order-address-checkbox-top">
                    <div class="order-address-checkbox-name"></div>
                    <div class="order-address-checkbox-phone"></div>
                    <div class="order-address-checkbox-content"></div>
                </div>
                <div class="order-address-checkbox-ctrl">
                    <div class="order-address-checkbox-delete">
                        修改
                    </div>
                    <div class="order-address-checkbox-edit">
                        删除
                    </div>
                </div>
            </li>
        </ul>
        <div id="addAddress" class="order-address-add">
            <a href="javascript:;" class="order-address-app">
                <i class=" icon-plus-sign-alt"></i>
                添加新地址
            </a>
        </div>
        <div class="order-address-form">
            <div class="order-address-row">
                <div class="order-address-row-title">收件人</div>
                <div class="order-address-row-content">
                    <input type="text" name="" class="order-address-input" value="" placeholder="长度不超过12个字"/>
                </div>
                <div class="order-address-row-tips">
                    *
                </div>
            </div>
            <div class="order-address-row">
                <div class="order-address-row-title">手机</div>
                <div class="order-address-row-content">
                    <input type="text" name="" class="order-address-input" value="" placeholder="请输入11手机号"/>
                </div>
                <div class="order-address-row-tips">
                    *
                </div>
            </div>
            <div class="order-address-row">
                <div class="order-address-row-title">地址</div>
                <div class="order-address-row-content">
                    <input type="text" name="" class="order-address-input" value="" placeholder="请输入详细地址"/>
                </div>
                <div class="order-address-row-tips">
                    *
                </div>
            </div>
            <div class="order-address-row">
                <a href="" class="addressFormSave">保存并使用</a>
                <a href="" class="addressFormCancel">取消</a>
            </div>
        </div>
    </div>
    <div class="mzcontainer order-product">
        <div class="order-product-title">确认订单信息</div>
        <div class="order-product-list">
            <table cellpadding="0" cellspacing="0">
                <thead>
                <tr>
                    <th class="order-product-table-name"></th>
                    <th class="order-product-table-price">单价</th>
                    <th class="order-product-table-price">数量</th>
                    <th class="order-product-table-price">小计</th>
                    <th class="order-product-table-price">配送方式</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="order-product-table-name">
                        <img src="<?php echo $data['pic']?>" class="order-product-image"/>
                        <div class="order-product-name">
                            <a href="" class="order-product-link">
                                <?php echo $data['name']?>
                                <br />
                                <?php foreach ((array)$data['options'] as $k=>$v){?><?php echo $v?> <?php }?>
                            </a>
                        </div>
                    </td>
                    <td class="order-product-table-price">
                        <p>￥<?php echo $data['price']?></p>
                    </td>
                    <td class="order-product-table-num"><?php echo $data['num']?></td>
                    <td class="order-product-table-price">
                        <p class="red">￥<?php echo $data['total']?></p>
                    </td>
                    <td class="order-product-table-express">
                        <p>
                            快递配送：运费
                            <span>￥0.00</span>
                        </p>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="5">
                        <div class="order-product-info">
                            <div class="order-product-invoice">
                                <div class="order-product-invoice-type">
                                    发票类型：电子发票
                                    <div class="order-product-invoice-icon">
                                        ？
                                    </div>
                                </div>
                                <div class="order-product-invoice-type">
                                    发票抬头：默认为收货人姓名
                                </div>
                            </div>
                            <div class="order-product-remark">
                                <span class="order-product-remark-title">备注</span>
                                <textarea name="" class="order-product-remark-input" maxlength="45" placeholder="备注..."></textarea>
                            </div>
                        </div>
                        <div class="order-product-total">合计：
                            <span class="order-product-price">￥<?php echo $data['total']?></span>
                        </div>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
    <div class="order-total">
        <div class="order-total-content">
            <div class="order-total-row">
                总金额
                <div class="order-total-price">
                    ￥<?php echo $data['total']?>
                </div>
            </div>
            <div class="order-total-row">
                运费
                <div class="order-total-price">
                    ￥0.00
                </div>
            </div>
            <div class="order-total-line"></div>
            <div class="order-total-row">
                应付
                <div class="order-total-price total">
                    ￥<?php echo $data['total']?>
                </div>
            </div>
            <div class="order-total-row">
                <input type="text" name="code" class="order-total-valid-input" value="" placeholder="验证码*" />
                <img src="<?php echo u('code')?>" class="order-total-valid-image"/>
            </div>
            <div class="order-total-row">
                <a href="" class="btn">提交订单</a>
            </div>
        </div>
    </div>
</section>
<footer>
    <div class="container">
        <div class="footer-servive">
            <ul>
                <li class="item">
                    <span class="img"></span>
                    <p>
                        <span class="blod">7天</span>
                        <span class="normal">无理由退货</span>
                    </p>
                </li>
                <li class="line">
                    <span></span>
                </li>

                <li class="item">
                    <span class="img"></span>
                    <p>
                        <span class="blod">7天</span>
                        <span class="normal">无理由退货</span>
                    </p>
                </li>
                <li class="line">
                    <span></span>
                </li>

                <li class="item">
                    <span class="img"></span>
                    <p>
                        <span class="blod">7天</span>
                        <span class="normal">无理由退货</span>
                    </p>
                </li>
                <li class="line">
                    <span></span>
                </li>

                <li class="item">
                    <span class="img"></span>
                    <p>
                        <span class="blod">7天</span>
                        <span class="normal">无理由退货</span>
                    </p>
                </li>
                <li class="line">
                    <span></span>
                </li>

                <li class="item">
                    <span class="img"></span>
                    <p>
                        <span class="blod">7天</span>
                        <span class="normal">无理由退货</span>
                    </p>
                </li>
                <li class="line">
                    <span></span>
                </li>

                <li class="item">
                    <span class="img"></span>
                    <p>
                        <span class="blod">7天</span>
                        <span class="normal">无理由退货</span>
                    </p>
                </li>
            </ul>
        </div>
        <div class="footer-nav">
            <div class="nav-item">
                <h4>帮助说明</h4>
                <ul>
                    <li><a href="">支付方式</a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>

            <div class="nav-item">
                <h4>帮助说明</h4>
                <ul>
                    <li><a href="">支付方式</a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>

            <div class="nav-item">
                <h4>帮助说明</h4>
                <ul>
                    <li><a href="">支付方式</a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>

            <div class="nav-item">
                <h4>帮助说明</h4>
                <ul>
                    <li><a href="">支付方式</a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>

            <div class="nav-custom">
                <h4>2小时后盾服务热线</h4>
                <a class="" href="">
                    <h3>18610684369</h3>
                </a>
                <a class="nav-btn" href="">
                    <img width="20" height="21" src="<?php echo __ROOT__?>/resource/images/order/27.png" alt="">
                    2小时不在线客服
                </a>
            </div>
        </div>
        <div class="footer-end">
            <p>
                ©2016 Meng Lingyue. | 邮箱：249005779@qq.com | 后盾IT教育

            </p>
        </div>
    </div>
</footer>
</body>
</html>